<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/layout.css" rel="stylesheet" type="text/css">
<link href="MyFontsWebfontsKit.css" rel="stylesheet" type="text/css">
<link href="css/typo.css" rel="stylesheet" type="text/css" media="screen,projection">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="css/respond.min.js"></script>
</head>
<body background="images/bg.png">
<div class="gridContainer clearfix">
  <div id="film-project" class="back-link">
    <br><br>
    <a href="index.htm">« The Film Project
  </a></div>
  <div id="Title" class="titlu-articol">EXPERIENCES</div>
  <div id="Author" class="author">Zé Pedro Abreu</div>
  <div id="Video" class="video"><a href="#"><img src="images/experiences-vidpic.png" alt="Play Experiences Video"></a></div>
  <div id="about" class="about">About the Filmmaker</div>
  <div id="profile"><img src="images/ze-pedro-abeu.png" alt="Zé Pedro Abeu" width="130"></div>
  <div id="about-body"><span class="article-body">I am a creative director with a background in graphic design. My name is Zé Pedro Abreu. I have finished my studies at Politecnico di Milano and for the past years I've worked for BBDO and McCann Worldgroup. My experience with MOFILM started in 2011 and was triggered by an award at Cannes Young Lions in that same year. Since then I've been awarded 10 times.</span></div>
  <div id="divider1" class="divider"></div>
  <div id="quiz" class="quiz-head">How Do You Feel?</div>
  <div id="inspired" class="quiz-body">
      <p height="120" width="120"><a href="#"><img src="images/inspired.png" alt="Inspired"></a></p>
    <p>Inspired</p>
    </div>
  <div id="touched" class="quiz-body">
    <p height="120" width="120"><a href="#"><img src="images/touched.png" alt="touched"></a></p>
    <p>Touched</p>
  </div>
  <div id="happy" class="quiz-body">
    <p height="120" width="120"><a href="#"><img src="images/happy.png" alt="Happy"></a></p>
    <p>Happy</p>
   </div>
<div id="divider2" class="divider">&nbsp;</div>
  <div id="share" class="quiz-head">Share Video</div>
   <div id="social"><a href="www.facebook.com"><img src="images/facebook.png" alt="Facebook" class="social" height="45" width="45"></a><a href="www.twitter.com"><img src="images/twitter.png" alt="Twitter" class="social" height="45" width="45"></a><a href="www.pinterest.com"><img src="images/pinterest.png" alt="Pinterest" class="social" height="45" width="45"></a><a href="www.plus.google.com"><img src="images/plus.png" alt="Google Plus" class="social" height="45" width="45"></a></div>
</div>
</body>
</html>
